<template>
  <div>
    <!-- 但是我们不能直接在插值中拿,因为插值是去实例找属性的,但是store不在实例上 -->
    <!-- <h2>Count:{{ store.state.count }}</h2> -->
    <h2>Count:{{ count }}</h2>
  </div>
</template>

<script>
/* 直接引入store,可以在store对象上看到state数据 */
import store from "@/store";
console.log(store, "store");
export default {
  name: "count",
  computed: {
    count() {
      return store.state.count;
    },
  },
};
</script>

<style></style>
